.news-class {
    width: 350px;float: left;margin-right: 10px;
}

.news-class-header {
    line-height: 48px;color: #fff;text-align: center;font-size: 18px;font-weight: 700;background: #0069be;
}

.news-class-list>ul {
    background: #f6f6f6;padding-left: 0px;margin: 0px;
}

.news-class-list>ul>li {
    font-size: 18px;line-height: 54px;color: #666;text-align: center;border-top: solid 1px #fff;
    border-bottom: solid 1px #e8e8e8;padding: 0;list-style: none;
}
.news-class-list>ul>li>a {
    color: #7c7c7c;position: relative;display: block;padding: 15px 7% 15px 7%;line-height: 24px;
}

.news-class-list>ul>li>a>i {
    position: absolute;top: 45%;right: 7%;display: block;width: 6px;height: 11px;margin-top: -5px;color: #c8c8c8;
}

.news-class-list-sub {
    list-style: none;font-size: 16px;padding: 0px;display: none;
}
.news-class-list-sub>li {
    text-align: right;
}
.news-class-list-sub>li>a {
    padding-right: 105px;
}
.news-class-list-sub>li:hover {
    background-color: #498fca;
}